<template>
  <div class="wrap-box">
    <div class="head-host">
      <van-icon name="location-o" />
      {{data.host}}的家
    </div>
    <div class="bottom-host">
      {{data.facilityNum}}个设备 {{data.sceneNum}}个智能场景
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeHost',
  props: {
    data: {
      type: Object,
      default () {
        return {}
      }
    }
  },
  methods: {

  }
}
</script>
<style scoped>
.wrap-box {
  margin-top: 15px;
  margin-left: 25px;
  color: #fff;
}
.head-host {
  font-size: 26px;
  font-weight: 600;
}
.bottom-host {
  font-size: 13px;
}
</style>
